<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>消息提醒</title>
    <link rel="stylesheet" type="text/css" href="../css/mview.css?v=20230607111">
    <script type="text/javascript" src="../js/mview.js?v=2023060713"></script>
    <script type="text/javascript" src="https://duoyue.moreqifu.cn/assets/libs/jquery/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/c/font_4109983_xy3xapfvore.css">
</head>

<body>
    <div class="m-card m-mb-1">
        <div class="m-card-header header-bottom">消息提醒</div>
        <div class="m-btn-group m-gap-2 m-mb-1">
            <div class="m-btn m-btn-primary" onclick="mviewToastr('info','用于表示普通操作信息提示',3,true);">消息提醒</div>
            <div class="m-btn m-btn-success" onclick="mviewToastr('success','用于表示操作顺利达成',3);">成功按钮</div>
            <div class="m-btn m-btn-warning" onclick="mviewToastr('warning','用于表示操作引起一定后果',3);">警告提示</div>
            <div class="m-btn m-btn-danger" onclick="mviewToastr('error','用于表示操作引起严重的后果',3,false);">失败提示</div>
            <div class="m-btn m-btn-info" onclick="mviewToastr('question','用于帮助用户操作的信息提示',3,false);">指导提示</div>
            <div class="m-btn m-btn-secondary" onclick="mviewToastr('load','用于提示操作中',3,false);">加载中提示</div>
        </div>
    </div>

    <div class="m-card m-mb-1">
        <div class="m-card-header header-bottom">消息确认提醒</div>
        <div class="m-btn-group m-gap-2 m-mb-1">
            <div class="m-btn m-btn-primary" onclick='mviewNotification("info","客户操作提醒","这是一条普通的消息通知,这是一条普通的消息通知","确认提交","取消",{"type":"delete"});'>消息提醒</div>
            <div class="m-btn m-btn-success" onclick='mviewNotification("success","客户操作提醒","这是一条普通的消息通知,这是一条普通的消息通知","确认提交","取消",{"type":"delete"});'>成功提醒</div>
            <div class="m-btn m-btn-warning" onclick='mviewNotification("warning","客户操作提醒","这是一条普通的消息通知,这是一条普通的消息通知","确认提交","取消",{"type":"delete"});'>温馨提醒</div>
            <div class="m-btn m-btn-danger" onclick='mviewNotification("error","客户操作提醒","这是一条普通的消息通知,这是一条普通的消息通知","确认提交","取消",{"type":"delete"});'>失败提醒</div>
            <div class="m-btn m-btn-info" onclick='mviewNotification("question","客户操作提醒","这是一条普通的消息通知,这是一条普通的消息通知","确认提交","取消",{"type":"delete"});'>提问提醒</div>
            <div class="m-btn m-btn-dark" onclick='mviewNotification("load","客户操作提醒","这是一条普通的消息通知,这是一条普通的消息通知","确认提交","取消",{"type":"delete"});'>加载提醒</div>
        </div>
    </div>
    <script type="text/javascript">
        function confirmMviewNotification() {
            var mview = $("#mviewNotificationData").val();
            console.log(JSON.parse(mview));
            colseMviewNotification();
        }
    </script>
</body>

</html>